/*tabbar start*/
::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}

.tab-view::before {
	content: '';
	position: absolute;
	border-bottom: 1upx solid #eaeef1;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	bottom: 0;
	right: 0;
	left: 0;
}

.tab-view {
	width: 100%;
	height: 100upx;
	overflow: hidden;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background: #fff;
	white-space: nowrap;
}

.tab-bar-item {
	padding: 0;
	height: 100upx;
	min-width: 80upx;
	line-height: 100upx;
	margin: 0 28upx;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
}

.tab-bar-title {
	height: 100upx;
	line-height: 100upx;
	font-size: 32upx;
	color: #999;
	font-weight: 400;
}

.active {
	border-bottom: 6upx solid #FF4E22;
}

.active .tab-bar-title {
	color: #FF4E22 !important;
	font-size: 36upx;
	font-weight: bold;
}

/*tabbar end*/
/* .scoll-y {
	height: 100%;
} */

.list-view {
	margin-top: 100upx;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	
}
.row{
	/* width: calc(100% - 40upx); */
	padding: 10upx 20upx;
	border-radius: 10upx;
	background-color: #fff;
	margin-bottom: 20upx;
}		
.type{
	font-size: 26upx;
	color: #ec652f;
	height: 50upx;
	display: flex;
	align-items: center;
}	
.order-info{
	width: 100%;
	display: flex;
}
.left{
	flex-shrink: 0;
	width: 25vw;
	height: 25vw;
}
.left image{
	width: 25vw;
	height: 25vw;
	border-radius: 10upx;
}
.right{
	width: 100%;
	margin-left: 10upx;
	position: relative;
}
.name{
	width: 100%;
	font-size: 28upx;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.spec{
	color: #a7a7a7;
	font-size: 22upx;
}
.price-number{
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	font-size: 22upx;
	color: #333;
	display: flex;
	align-items: flex-end;
}	
.price{
	font-size: 24upx;
	margin-right: 5upx;
}
.detail{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	height: 60upx;
	font-size: 26upx;
}
.sum{
	padding: 0 8upx;
	display: flex;
	align-items: flex-end;
}
.price{
	font-size: 30upx;
}
.btns{
	height: 80upx;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.btns view{
	min-width: 120upx;
	height: 50upx;
	padding: 0 20upx;
	border-radius: 50upx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28upx;
	margin-left: 20upx;
}
.default{
	border: solid 1upx #ccc;
	color: #666;
}
.pay{
	border: solid 1upx #ec652f;
	color: #ec652f;
}				
/* .order-list{
	margin-top: 80upx;
	padding-top: 20upx;
	width: 100%;
	.list{
		width: 94%;
		margin: 0 auto;
		.onorder{
			width: 100%;
			height: 50vw;
			display: flex;
			justify-content: center;
			align-content: center;
			flex-wrap: wrap;
			image{
				width: 20vw;
				height: 20vw;
				border-radius: 100%;
			}
			.text{
				width: 100%;
				height: 60upx;
				font-size: 28upx;
				color: #444;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
		.row{
			width: calc(100% - 40upx);
			padding: 10upx 20upx;
			border-radius: 10upx;
			background-color: #fff;
			margin-bottom: 20upx;
			.type{
				font-size: 26upx;
				color: #ec652f;
				height: 50upx;
				display: flex;
				align-items: center;
			}
			.order-info{
				width: 100%;
				display: flex;
				.left{
					flex-shrink: 0;
					width: 25vw;
					height: 25vw;
					image{
						width: 25vw;
						height: 25vw;
						border-radius: 10upx;
					}
				}
				.right{
					width: 100%;
					margin-left: 10upx;
					position: relative;
					.name{
						width: 100%;
						font-size: 28upx;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
					}
					.spec{
						color: #a7a7a7;
						font-size: 22upx;

					}
					.price-number{
						position: absolute;
						bottom: 0;
						width: 100%;
						display: flex;
						justify-content: flex-end;
						font-size: 22upx;
						color: #333;
						display: flex;
						align-items: flex-end;
						.price{
							font-size: 24upx;
							margin-right: 5upx;
						}
						
					}
				}
			}
			.detail{
				display: flex;
				justify-content: flex-end;
				align-items: flex-end;
				height: 60upx;
				font-size: 26upx;
				.sum{
					padding: 0 8upx;
					display: flex;
					align-items: flex-end;
					.price{
						font-size: 30upx;
					}
				}
				
			}
			.btns{
				height: 80upx;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				view{
					min-width: 120upx;
					height: 50upx;
					padding: 0 20upx;
					border-radius: 50upx;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 28upx;
					margin-left: 20upx;
				}
				.default{
					border: solid 1upx #ccc;
					color: #666;
				}
				.pay{
					border: solid 1upx #ec652f;
					color: #ec652f;
				}
			}
		}
	}
} */